body,h1,h2,h3,h4,h5,p,ul,li{
   margin: 0;
   padding: 0;
}
body{
   min-height: 100%;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   line-height: 22px;
   position: relative;
   background: url("../img/body.jpg") left top repeat;
}
#wraper{
   width: 100%;
   float: left;
}
#header{
   display: block;
   height: 40px;
   width: 100%;
   position: absolute;
   z-index: 998;
   background: url("../img/header.jpg") left top repeat-x;
}
#menu{
   display: block;
   width: 219px;
   position: absolute;
   margin-top: 40px;
   z-index: 999;
   background: url("../img/menu.jpg") left top repeat;
   border-bottom: 1px solid #CCCCCC;
   -webkit-border-bottom-left-radius: 3px;
   -webkit-border-bottom-left-radius: 3px;
   -moz-border-bottom-left-radius: 3px;
   -moz-border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
   -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.35);
   -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.35);
   box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.35);
}
.breadLine{
   height: 23px;
   border-bottom: 1px solid #CCC;
   background: url("../img/nav.jpg") left top repeat-x;
   border-bottom: 1px solid #CCC;
}
.arrow{
   position: absolute;
   left: 110px;
   top: -12px;
   background: url("../img/menu-arrow-top.png") left top repeat;
   width: 17px;
   height: 12px;
   display: none;
}
.adminControl{
   padding: 1px 10px 0px;
   float: left;
   font-size: 11px;
   color: #333;
  background: url("../img/arrow_down.png") right center no-repeat;
   width: 194px;
   cursor: pointer;
   -moz-text-shadow: 0 1px 0 #FFFFFF;
   -webkit-text-shadow: 0 1px 0 #FFFFFF;
   text-shadow: 0 1px 0 #FFFFFF;
}
.admin{
   float: left;
   position: relative;
   padding: 5px;
   width: 209px;
   -moz-box-shadow: inset 0 0 5px #CCC;
   -webkit-box-shadow: inset 0 0 5px #CCC;
   box-shadow: inset 0 0 5px #CCC;
   display: block;
}
.admin .image {
   float: left;
   width: 62px;
   margin-right: 5px;
}
.img-polaroid{
   padding: 4px;
   background-color: #fff;
   border: 1px solid #ccc;
   border: 1px solid rgba(0, 0, 0, 0.2);
   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.admin ul.control, .headInfo ul.control {
   display: block;
   float: left;
   width: 142px;
   list-style: none;
   margin: 0px;
}
.admin ul.control li .caption.red {
   background-color: #a5302c;
}
.admin ul.control li .caption {
display: block;
float: right;
font-size: 10px;
background-color: #333;
color: #fff;
padding: 2px 4px 2px 3px;
line-height: 13px;
margin: 3px 0px 3px 5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-decoration: none;
text-shadow: none;
}
.admin ul.control li a, .headInfo ul.control li a {
   font-size: 11px;
   color: #333;
   -moz-text-shadow: 0 1px 0 #FFFFFF;
   -webkit-text-shadow: 0 1px 0 #FFFFFF;
   text-shadow: 0 1px 0 #FFFFFF;
}
.admin .info {
   float: left;
   padding: 5px;
   font-size: 10px;
   color: #666;
   line-height: 14px;
   -moz-text-shadow: 0 1px 0 #FFFFFF;
   -webkit-text-shadow: 0 1px 0 #FFFFFF;
   text-shadow: 0 1px 0 #FFFFFF;
}
.admin .info {
   font-size: 10px;
   color: #666;
   line-height: 14px;
   text-shadow: 0 1px 0 #FFFFFF;
}
.navigation {
   list-style: none;
   position: relative;
   padding: 0px;
   margin: 0px;
   float: left;
}
.navigation li {
   border-top: 1px solid #335A85;
   border-right: 1px solid #335A85;
   background: url("../img/menu-item.jpg") left top repeat-x;
   padding: 0px;
   margin: 0px;
   display: block;
   float: left;
   width: 219px;
   position: relative;
}
.navigation li > a {
   color: #fff;
   text-decoration: none;
   padding: 0px;
   display: block;
   float: left;
   width: 219px;
   position: relative;
   -moz-text-shadow: 0 1px 0 #333;
   -webkit-text-shadow: 0 1px 0 #333;
   text-shadow: 0 1px 0 #333;
}
.isw-grid {
   background: url('../img/ws/ic_grid.png') center center no-repeat transparent;
}
[class*="isw-"], [class*="isb-"] {
   margin-left: 10px;
   padding: 11px 0px;
   width: 16px;
   height: 16px;
   font-size: 14px;
   font-weight: normal;
   display: block;
   float: left;
}
.navigation li > a span.text {
   width: 183px;
   padding: 9px 0px;
   display: block;
   margin-left: 10px;
   float: left;
   overflow: hidden;
}
.navigation li:hover, .navigation li.active {
   border-color: #143D6B;
   background: url("../img/menu-item-active.jpg") left top repeat-x;
}
.navigation li.openable.active {
   background: url("../img/menu_arrow_up.png") 198px 12px no-repeat, url("../img/menu-item-active.jpg") left top repeat-x;
}
.navigation li.openable:hover {
   background: url("../img/menu_arrow_down.png") 198px 12px no-repeat, url("../img/menu-item-active.jpg") left top repeat-x;
}
.navigation li.openable {
   background: url("../img/menu_arrow_down.png") 198px 12px no-repeat, url("../img/menu-item.jpg") left top repeat-x;
}
.navigation li.openable > ul {
   padding: 0px;
   margin: 0px;
   float: left;
   width: 219px;
   display: none;
}
.navigation li > ul > li {
   display: block;
   float: left;
   width: 219px;
   background: #F2F2F2;
   border-top: 1px solid #FCFCFC !important;
   border-bottom: 1px solid #E4E8ED !important;
   border-right-color: #E4E8ED !important;
}
.navigation li > ul > li > a {
   display: block;
   float: left;
   padding-left: 10px;
   width: 175px;
}
.navigation li > ul > li > a [class*="icon-"] {
   margin: 9px 0px 7px 10px;
   display: block;
   float: left;
}
.navigation li > ul > li > a span.text {
   color: #333;
   font-size: 11px;
   padding: 6px 0px;
   width: 140px;
   -moz-text-shadow: 0 1px 0 #FFFFFF;
   -webkit-text-shadow: 0 1px 0 #FFFFFF;
   text-shadow: 0 1px 0 #FFFFFF;
}
.navigation li > ul > li:hover, .navigation li > ul > li.active {
   background: #EDEDED !important;
}
.icon-chevron-right {
   background-position: -456px -72px;
}
.navigation li.active > ul {
   display: block !important;
}
#content{
   position: relative;
   margin-left: 220px;
   padding-top: 40px;
}
.breadLine .breadcrumb {
   float: left;
}
.breadcrumb {
   padding: 2px 15px !important;
   margin: 0px 10px!important;
   list-style: none !important;
   -webkit-border-radius: 4px !important;
   -moz-border-radius: 4px !important;
   border-radius: 4px !important;
   background-color: transparent !important;
}
.breadcrumb li {
   display: inline-block;
   text-shadow: 0 1px 0 #ffffff;
}
.breadcrumb,.breadcrumb li a,.breadcrumb li{
   font-size: 11px;
}
.breadcrumb .divider {
   padding: 0 5px;
   color: #ccc;
}
.breadcrumb .active {
   color: #999999;
}
#content .workplace {
   position: relative;
   padding: 20px;
}
#content .workplace .head {
   background: url("../img/box-head.jpg") left top repeat-x;
   background-clip: padding-box;
   border: 1px solid #335A85;
   -moz-border-top-left-radius: 3px;
   -moz-border-top-right-radius: 3px;
   -webkit-border-top-left-radius: 3px;
   -webkit-border-top-right-radius: 3px;
   -o-border-top-left-radius: 3px;
   -o-border-top-right-radius: 3px;
   -ms-border-top-left-radius: 3px;
   -ms-border-top-right-radius: 3px;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
}
.workplace .head h1{
   font-size: 12px;
   color: #fff;
   line-height: 22px;
   padding: 8px 0px;
   margin: 0px;
   font-weight: bold;
   margin-left: 10px;
   display: block;
   float: left;
   -moz-text-shadow: 0 1px 0 #333;
   -webkit-text-shadow: 0 1px 0 #333;
   text-shadow: 0 1px 0 #333;
}
.clear {
   clear: left;
}
.table-sorting .dataTables_wrapper {
   float: left;
   width: 100%;
}
.table-sorting {
   padding: 0px;
   position: relative;
   font-size: 12px;
   background-color: #FFF;
   border: 1px solid #ccc;
   border-top: 0px;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
}
.table-sorting .dataTables_filter {
   font-size: 11px;
   color: #333;
   line-height: 16px;
   width: 200px;
   float: left;
   padding: 5px;
}
.table-sorting .dataTables_filter input[type="text"] {
   font-size: 11px;
   padding: 3px 2px 3px 5px;
   color: #333;
   line-height: 14px;
   margin: 0px;
   width: 150px;
   height: 17px;
}
.dataTables_filter label{
   font-size: 12px;
   width: 60px;
   margin-top: 4px;
}
[class*="block"] .table tr th {
   padding: 4px 8px;
   font-size: 11px;
   background-color: #F1F1F1;
   color: #666;
}
.dataTable{
   border-left: none !important;
   border-right: none !important;
   border-radius: 0px 0px 0px 0px !important;
}
.block-fluid{
   border: 1px solid #ccc;
   border-top: 0px;
   background-color: #F9F9F9;
   -moz-border-bottom-left-radius: 3px;
   -moz-border-bottom-right-radius: 3px;
   -webkit-border-bottom-left-radius: 3px;
   -webkit-border-bottom-right-radius: 3px;
   -o-border-bottom-left-radius: 3px;
   -o-border-bottom-right-radius: 3px;
   -ms-border-bottom-left-radius: 3px;
   -ms-border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
}
.row-form,.control-group{
   border-bottom: 1px solid #DDD;
   border-top: 1px solid white;
   padding: 19px 16px;
   vertical-align: baseline;
}
.control-group:first-child{
   border-top: 0px;
}
.form-horizontal .control-group {
   margin-bottom: 0px !important;
}
.control-group {
   margin-bottom: 0px !important;
}
.form-actions{
   border-top: 1px solid white;
   margin-top: 0px !important;
   margin-bottom: 0px !important;
}

.nav > li > a:hover, .nav > li > a:focus {
   text-decoration: none;
   background-color: transparent !important;
   color: #fff !important;
}
.show-hide-menu{
   width: 150px;
   height: 20px;
   position: absolute;
   z-index: 1000;
   top: 10px;
   left: 10px;
   font-size: 13px;
   cursor: pointer;
   color: #fff;
}